<template>
  <div>
    <h1 :title="title">{{message}}</h1>
    <button @click="hello">按钮</button>
    <br>
    <button @click="sub">-</button>
      <span>{{num}}</span>
    <button @click="add">+</button>
  </div>
</template>

<script>
  export default{
    data(){
      return {
        message:"盛邦666",
        title:"这里是vue-cli创建的vue数据",
        num:0
      }
    },
    methods:{
      hello(){
        alert("欢迎光临")
      },
      add(){
          this.num++;
      },
      sub(){
          if(this.num>0){
              this.num--;
          }
      }
    }
  }
</script>

<style>

</style>
